<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="telephone=no" name="format-detection" />
<title>7min理财</title>
<link rel="shortcut icon" href="__ROOT__/favicon.ico" type="image/x-icon" />
<link rel="icon" type="image/gif" href="__ROOT__/favicon.gif" />
<link rel="stylesheet" type="text/css" href="__ROOT__/css/general.css"/>
<link rel="stylesheet" type="text/css" href="__ROOT__/css/content.css"/>
<link rel="stylesheet" type="text/css" href="__ROOT__/font-awesome/css/font-awesome.min.css"/>
<script type="text/javascript" src="__ROOT__/js/jquery.js"></script>
<script type="text/javascript" src="__ROOT__/js/7minM.js"></script>
<script type="text/javascript" src="__ROOT__/js/masonry-docs.min.js"></script><!--瀑布流插件-->
<script type="text/javascript">
$(function() {
    var $container = $('#news-list'),
    sTimer;
    $container.imagesLoaded(function() {
        $container.masonry({
            itemSelector: '.card',
            gutter: 25,
			isAnimated: true
        })
    });
    $(window).scroll(function scrollHandler() {
        fixTop("#hotNews");//固定热门推荐
		
		
		clearTimeout(sTimer);		
        sTimer = setTimeout(function() {
            if (window.loaded == 1) {
                $(window).unbind("scroll", scrollHandler)
            }
            var c = document.documentElement.clientHeight || document.body.clientHeight,
            t = $(document).scrollTop();
			//alert(t+c+","+$container.offset().top+","+$container.height());
            if (t + c >= $container.offset().top + $container.height()) {
                loadMore();
            }
        },
        100)
    });
    var jLoading = $('#loading');
	
    function loadMore() {
		//alert("啊啊啊");
		var itemsJsWalls = [], item;
        var item = "<div class='card card-pic'><div class='cardtitle'><a href='#'><img src='http://s.cimg.163.com/i/img1.cache.netease.com%2Fent%2F2015%2F3%2F31%2F20150331080326df3c6.jpg.398x10000.auto.jpg'></a><h2><a href='#'>邓超自称智障多年谢孙俪不离不弃网友：是真爱</a></h2></div><div class='abstract'><p>3月30晚，邓超又在微博中显示他的逗比属性，良心发现似的坦诚写道：“邓超智障多年孙俪不离不弃。</p></div><div class='intera'><a title='推荐'class='btn-commend'><i class='fa fa-thumbs-o-up'></i><span class='btn-count'>0</span></a><span class='right'>2015-04-01</span></div></div>";
		itemsJsWalls.push(item);
		var $itemsJsWall = $(itemsJsWalls.join(''));
		   $itemsJsWall.imagesLoaded(function()
		   {
			$container.masonry('remove', jLoading).masonry();
			$container.append($itemsJsWall);
			$container.masonry('appended', $itemsJsWall, false);
		   });
    }
	
	
	//固定热门推荐
	var top=$("#hotNews").offset().top;
	function fixTop(elem){
		var width=$(elem).width();
		if($(document).scrollTop()>top){
			
			$(elem).css({"position":"fixed","top":"0","width":width});
		}else{
			$(elem).css({"position":"","top":"","width":width});
		}
	}
	
});
</script>

</head>

<body>
<!--顶部开始-->
<include file="./top" />
<!--顶部结束-->
<!--头部开始-->
<div class="head">
    <div class="container">
        <div class="head_title left">
            <h1>知识</h1>
        </div>
        <div class="head_link right">
            <ol class="right">
                <li><a href="#">首页</a> > </li>
                <li><a href="#">知识</a> > </li>
                <li class="active">新闻</li>
            </ol>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!--头部结束-->
<!--主体开始-->
<div class="main-content">
    <div class="left70 left">
        <!--新闻列表-瀑布流 开始-->
        <div class="waterfall clearfix" id="news-list">
            
            <div class="card card-pic">
                <div class="cardtitle">
                  <a href="#" title="邓超自称智障多年谢孙俪不离不弃 网友：是真爱"><img src="http://s.cimg.163.com/i/img1.cache.netease.com%2Fent%2F2015%2F3%2F31%2F20150331080326df3c6.jpg.398x10000.auto.jpg" /></a>
                  <h2>
                    <a href="#">邓超自称智障多年谢孙俪不离不弃 网友：是真爱</a>
                  </h2>
                </div>
                <div class="abstract">
                  <p>3月30晚，邓超又在微博中显示他的逗比属性，良心发现似的坦诚写道：“邓超智障多年 孙俪不离不弃。</p>
                </div>
                <div class="intera">
                  <a title="推荐" class="btn-commend">
                    <i class="fa fa-thumbs-o-up"></i>
                    <span class="btn-count">0</span>
                  </a>
                  <span class="right">2015-04-01</span>
                </div>
            </div>
            
            <div class="card card-nopic">
                <div class="cardtitle">
                  <h2>
                    <a href="#">长大后才发现，看懂迪士尼就看懂了人生</a>
                  </h2>
                </div>
                <div class="abstract">
                  <p>别以为动画片只是拍给少不更事的小孩子们看的，真正优秀的动画片，其实是给大人们看的。因为那看似简单的故事里，其实浓缩着多少人生哲理。</p>
                </div>
                <div class="intera">
                  <a title="推荐" class="btn-commend">
                    <i class="fa fa-thumbs-o-up"></i>
                    <span class="btn-count">0</span>
                  </a>
                  <span class="right">2015-04-01</span>
                </div>
            </div>  
            
            <div class="card card-nopic">
                <div class="cardtitle">
                  <h2>
                    <a href="#">长大后才发现，看懂迪士尼就看懂了人生</a>
                  </h2>
                </div>
                <div class="abstract">
                  <p>别以为动画片只是拍给少不更事的小孩子们看的，真正优秀的动画片，其实是给大人们看的。因为那看似简单的故事里，其实浓缩着多少人生哲理。</p>
                </div>
                <div class="intera">
                  <a title="推荐" class="btn-commend">
                    <i class="fa fa-thumbs-o-up"></i>
                    <span class="btn-count">0</span>
                  </a>
                  <span class="right">2015-04-01</span>
                </div>
            </div>  
            
            
            <div class="card card-ban">
                <div class="cardtitle">
                  <a href="#" title="邓超自称智障多年谢孙俪不离不弃 网友：是真爱"><img src="http://s.cimg.163.com/i/easyread.ph.126.net%2FGHh16xdZ1amkCEif7kDYXA%3D%3D%2F7916996092406611595.jpg.398x10000.auto.jpg"></a>
                  <h2>
                    <a href="#">邓超自称智障多年谢孙俪不离不弃 网友：是真爱</a>
                  </h2>
                </div>
                <div class="abstract">
                  <p>别以为动画片只是拍给少不更事的小孩子们看的，真正优秀的动画片，其实是给大人们看的。因为那看似简单的故事里，其实浓缩着多少人生哲理。</p>
                </div>
                <div class="intera">
                  <a title="推荐" class="btn-commend">
                    <i class="fa fa-thumbs-o-up"></i>
                    <span class="btn-count">0</span>
                  </a>
                  <span class="right">2015-04-01</span>
                </div>
            </div>
            
            <div class="card card-pic">
                <div class="cardtitle">
                  <a href="#" title="长大后才发现，看懂迪士尼就看懂了人生"><img src="http://s.cimg.163.com/i/img2.cache.netease.com%2Flady%2F2015%2F3%2F31%2F201503311642575e1be_550.jpg.398x10000.auto.jpg" /></a>
                  <h2>
                    <a href="#">长大后才发现，看懂迪士尼就看懂了人生</a>
                  </h2>
                </div>
                <div class="abstract">
                  <p>别以为动画片只是拍给少不更事的小孩子们看的，真正优秀的动画片，其实是给大人们看的。因为那看似简单的故事里，其实浓缩着多少人生哲理。</p>
                </div>
                <div class="intera">
                  <a title="推荐" class="btn-commend">
                    <i class="fa fa-thumbs-o-up"></i>
                    <span class="btn-count">0</span>
                  </a>
                  <span class="right">2015-04-01</span>
                </div>
            </div>    
            
            
        </div>
        <div id="loading">
        	<img src="../images/onload.gif"  />
        </div>
        <!--新闻列表-瀑布流 结束-->
    </div>
    <div class="right30 right">
        <!--行情中心-->
        <div class="side-item">
        	<h1><span>行情中心</span></h1>
            <div class="side-item-body hqzx">
            	<div class="hqzx_item">
                	<h2>股市</h2>
                    <div class="hqzx_table">
                        <table>
                          <tr>
                            <td width="120">沪深上证</td>
                            <td class="align-right"><span class="text-danger">3349.32</span></td>
                            <td class="align-right" width="90"><span class="text-danger">+1.78%</span></td>
                            <td class="align-right" width="30"><span class="text-danger"><i class="fa fa-long-arrow-up"></i></span></td>
                          </tr>
                          <tr>
                            <td>港股恒生</td>
                            <td class="align-right"><span class="text-success">23797.96</span></td>
                            <td class="align-right"><span class="text-success">-0.34%</span></td>
                            <td class="align-right"><span class="text-success"><i class="fa fa-long-arrow-down"></i></span></td>
                          </tr>
                          <tr>
                            <td>美股道琼斯</td>
                            <td class="align-right"><span class="text-success">17895.22</span></td>
                            <td class="align-right"><span class="text-success">-1.47%</span></td>
                            <td class="align-right"><span class="text-success"><i class="fa fa-long-arrow-down"></i></span></td>
                          </tr>
                        </table>
                    </div>
                </div>
                <div class="hqzx_item">
                	<h2>外汇</h2>
                    <div class="hqzx_table">
                        <table>
                          <tr>
                            <td width="120">美元/人民币</td>
                            <td class="align-right"><span class="text-danger">3349.32</span></td>
                            <td class="align-right" width="90"><span class="text-danger">+0.0016%</span></td>
                            <td class="align-right" width="30"><span class="text-danger"><i class="fa fa-long-arrow-up"></i></span></td>
                          </tr>
                          <tr>
                            <td>欧元/美元</td>
                            <td class="align-right"><span class="text-success">23797.96</span></td>
                            <td class="align-right"><span class="text-success">-0.34%</span></td>
                            <td class="align-right"><span class="text-success"><i class="fa fa-long-arrow-down"></i></span></td>
                          </tr>
                          <tr>
                            <td>港币/人民币</td>
                            <td class="align-right"><span class="text-success">17895.22</span></td>
                            <td class="align-right"><span class="text-success">-1.47%</span></td>
                            <td class="align-right"><span class="text-success"><i class="fa fa-long-arrow-down"></i></span></td>
                          </tr>
                        </table>
                    </div>
                </div>
                <div class="hqzx_item">
                	<h2>商品</h2>
                    <div class="hqzx_table">
                        <table>
                          <tr>
                            <td width="120">COMEX黄金</td>
                            <td class="align-right"><span class="text-danger">3349.32</span></td>
                            <td class="align-right" width="90"><span class="text-danger">+1.78%</span></td>
                            <td class="align-right" width="30"><span class="text-danger"><i class="fa fa-long-arrow-up"></i></span></td>
                          </tr>
                          <tr>
                            <td>布伦特原油</td>
                            <td class="align-right"><span class="text-success">23797.96</span></td>
                            <td class="align-right"><span class="text-success">-0.34%</span></td>
                            <td class="align-right"><span class="text-success"><i class="fa fa-long-arrow-down"></i></span></td>
                          </tr>
                          <tr>
                            <td>铜</td>
                            <td class="align-right"><span class="text-success">17895.22</span></td>
                            <td class="align-right"><span class="text-success">-1.47%</span></td>
                            <td class="align-right"><span class="text-success"><i class="fa fa-long-arrow-down"></i></span></td>
                          </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!--热门推荐-->
        <div class="side-item" id="hotNews">
        	<h1><span>热门推荐</span></h1>
            <div class="side-item-body rmtj">
                <ul>
                    <li class="item-top3">
                        <span class="num text-danger">1</span>
                        <span class="newsName">
                            <a href="#" title="社保扩大投资范围利好股市 金融地产互联网或成宠儿">社保扩大投资范围利好股市金融地产互联网</a>
                        </span>
                    </li>
                    <li class="item-top3">
                        <span class="num text-danger">2</span>
                        <span class="newsName">
                            <a href="#" title="上交所两度发函询问熊猫烟花更名">上交所两度发函询问熊猫烟花更名</a>
                        </span>
                    </li>
                    <li class="item-top3">
                        <span class="num text-danger">3</span>
                        <span class="newsName">
                            <a href="#" title="3月PMI重回临界线上方 制造业仍存下行压力">3月PMI重回临界线上方制造业仍存下行压力</a>
                        </span>
                    </li>
                    <li class="">
                        <span class="num ">4</span>
                        <span class="newsName">
                            <a href="#" title="向松祚：大规模刺激楼市政策未来不会继续出现">向松祚：大规模刺激楼市政策未来不会继</a>
                        </span>
                    </li>
                    <li class="">
                        <span class="num ">5</span>
                        <span class="newsName">
                            <a href="#" title="万达正式入主马竞 王健林：集团对交易非常满意">万达正式入主马竞王健林：集团对交易非常满意</a>
                        </span>
                    </li>
                    <li class="">
                        <span class="num ">6</span>
                        <span class="newsName">
                            <a href="#" title="曝邓紫棋参加《歌手》时就嚣张 曾骂哭工作人员">曝邓紫棋参加《歌手》时就嚣张曾骂哭工作人员</a>
                        </span>
                    </li>
                    <li class="">
                        <span class="num ">7</span>
                        <span class="newsName">
                            <a href="#" title="NBA新秀榜:诺尔蝉联榜首维金斯第2 湖人小将进前5">NBA新秀榜:诺尔蝉联榜首维金斯第2湖人小将进前5</a>
                        </span>
                    </li>
                    <li class="">
                        <span class="num ">8</span>
                        <span class="newsName">
                            <a href="#" title="老马训练师">老马训练师"转岗"会诊孙杨理疗费用1次1000美元</a>
                        </span>
                    </li>
                    <li class="">
                        <span class="num ">9</span>
                        <span class="newsName">
                            <a href="#" title="刘翔或在婚礼日宣布退役 辟谣分居论：常见面">刘翔或在婚礼日宣布退役辟谣分居论：常见面</a>
                        </span>
                    </li>
                    <li class="">
                        <span class="num ">10</span>
                        <span class="newsName">
                            <a href="#" title="最热自住房有望明年底入住 192户家庭抢一套房源">最热自住房有望明年底入住192户家庭抢一套房</a>
                        </span>
                    </li>
                </ul>
            </div>
        </div>
        
    </div>
    <div class="clear"></div>
</div>
<!--主体结束-->
<!--底部开始-->
<include file="./foot" />
<!--底部结束-->
</body>
</html>
